.banner img{
	width: 100%;
}
.sec1{
	margin-top: 3.542%;
}
.sec1 .inner1{
	background-color: #f6f6f6;
	background-repeat: no-repeat;
	background-image: url(../images/contact_sec1_bg_web.png);
	background-position: left bottom;
	background-size: auto 100%;
	height: 25.625em;
}
.sec1 .left{
	vertical-align: top;
	width: 50%;
	height: 100%;
	-webkit-display: inline-flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	-moz-display: inline-flex;
	-moz-align-items: center;
	-moz-justify-content: center;
	-ms-display: inline-flex;
	-ms-align-items: center;
	-ms-justify-content: center;
	-o-display: inline-flex;
	-o-align-items: center;
	-o-justify-content: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.sec1 .left img{
	width: 13.125em;
}
.sec1 .left h4{
	font-size: 1.625em;
	color: #000;
	font-weight: bold;
	margin: 1.346em 0 0.46em;
}
.sec1 .left h3{
	font-size: 2.25em;
	color: #000;
	font-weight: bold;
}
.sec1 .right{
	vertical-align: top;
	width: 50%;
	height: 100%;
	-webkit-display: inline-flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	-moz-display: inline-flex;
	-moz-align-items: center;
	-moz-justify-content: center;
	-ms-display: inline-flex;
	-ms-align-items: center;
	-ms-justify-content: center;
	-o-display: inline-flex;
	-o-align-items: center;
	-o-justify-content: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.sec1 .right li{
	margin-bottom: 2.75em;
}
.sec1 .right li:last-child{
	margin-bottom: 0;
}
.sec1 .right img{
	vertical-align: middle;
	margin-right: 1.125em;
	height: 1.125em;
}
.sec1 .right p{
	font-size: 1.375em;
	color: #222;
	display: inline;
	vertical-align: middle;
}
.sec1 .right p b{
	font-weight: bold;
}
.sec2{
	margin: 1.5625% 0;
}
.sec2 .inner1{
	position: relative;
}
.sec2 .swiper-container{
	width: 100%;
}
.sec2 .swiper-wrapper{
	-webkit-align-items: stretch;
	-moz-align-items: stretch;
	-ms-align-items: stretch;
	-o-align-items: stretch;
	align-items: stretch;
}
.sec2 .swiper-slide{
	background-color: #f7f7f7;
	padding: 3.29% 2%;
	height: auto;
}
.sec2 .swiper-slide .name{
	font-size: 1.625em;
	color: #000;
	font-weight: bold;
	line-height: 1.2;
}
.sec2 .swiper-slide .line{
	width: 1.25em;
	height: 0.25em;
	background-color: #2a71b9;
	margin: 1.75em 0;
}
.sec2 .box{
	margin-bottom: 2.125em;
}
.sec2 .box:last-child{
	margin-bottom: 0;
}
.sec2 .swiper-slide h5{
	font-size: 1.125em;
	color: #666;
	font-weight: bold;
	margin-bottom: 0.778em;
}
.sec2 .swiper-slide p{
	font-size: 0.875em;
	color: #666;
	line-height: 1.57;
	margin-bottom: 0.785em;
}
.sec2 p:last-child{
	margin-bottom: 0;
}
.sec2 .swiper-slide:hover,.sec2 .swiper-slide.active{
	background-color: #2a71b9;
}
.sec2 .swiper-slide:hover .line,.sec2 .swiper-slide.active .line{
	background-color: #fff;
}
.sec2 .swiper-slide:hover .name,.sec2 .swiper-slide:hover h5,.sec2 .swiper-slide:hover p,.sec2 .swiper-slide.active .name,.sec2 .swiper-slide.active h5,.sec2 .swiper-slide.active p{
	color: #fff;
}
#main .sec2 .swiper-button-prev{
	left: 0;
	-webkit-transform: translateX(-200%);
	-moz-transform: translateX(-200%);
	-ms-transform: translateX(-200%);
	-o-transform: translateX(-200%);
	transform: translateX(-200%);
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23bbbbbb'%2F%3E%3C%2Fsvg%3E");
}
#main .sec2 .swiper-button-prev:hover{
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%232a71b9'%2F%3E%3C%2Fsvg%3E");
}
#main .sec2 .swiper-button-next{
	right: 0;
	-webkit-transform: translateX(200%);
	-moz-transform: translateX(200%);
	-ms-transform: translateX(200%);
	-o-transform: translateX(200%);
	transform: translateX(200%);
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23bbbbbb'%2F%3E%3C%2Fsvg%3E");
}
#main .sec2 .swiper-button-next:hover{
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%232a71b9'%2F%3E%3C%2Fsvg%3E");
}



.sec3{
	text-align: center;
	padding: 6.875em 0 3.25em;
	background-color: #fbfbfb;
}
.sec3 .title{
	margin-bottom: 6.375em;
}
.sec3 .title h3{
	font-size: 2.625em;
	color: #363636;
	font-weight: normal;
	margin-bottom: 0.5em;
}
.sec3 .title p{
	font-size: 1em;
	color: #605c5c;
	line-height: 1.5;
}
.sec3 li{
	margin-bottom: 5.375em;
	display: inline-block;
	vertical-align: top;
	width: 33%;
}
.sec3 li h5{
	font-size: 1.5625em;
	color: #212121;
	font-weight: normal;
	margin-bottom: 0.64em;
}
.sec3 li p{
	font-size: 0.875em;
	color: #4c4c4c;
	line-height: 1.7;
}

@media only screen and (max-width:1023px){
	.sec1{
		margin-top: 6.666%;
	}
	.sec1 .inner1{
		background-image: url(../images/contact_sec1_bg_mobile.png);
		background-size: 100% auto;
		height: auto;
		padding: 2.5em 6.4% 3.25em;
	}
	.sec1 .left{
		width: 100%;
		height: auto;
		-webkit-display: block;
		-moz-display: block;
		-ms-display: block;
		-o-display: block;
		display: block;
		margin-bottom: 2.9375em;
	}
	.sec1 .left img{
		width: 10.8125em;
	}
	.sec1 .left h4{
		font-size: 1.3125em;
		margin: 0..95em 0 0.524em;
	}
	.sec1 .left h3{
		font-size: 1.875em;
	}
	.sec1 .right{
		width: 100%;
		height: auto;
		-webkit-display: block;
		-moz-display: block;
		-ms-display: block;
		-o-display: block;
		display: block;
	}
	.sec1 .right li{
		margin-bottom: 2em;
	}
	.sec1 .right img{
		margin-right: 0.8125em;
		height: 0.8125em;
	}
	.sec1 .right p{
		font-size: 1em;
	}
	.sec2{
		margin: 6.666% 0 2.666%;
	}
	.sec2 .inner1{
		max-width: 100%;
	}
	.sec2 .swiper-container{
		padding: 0 4%;
	}
	.sec2 .swiper-slide{
		padding: 1.4375em 0.9375em;
	}
	.sec2 .swiper-slide .name{
		font-size: 0.8125em;
	}
	.sec2 .swiper-slide .line{
		width: 0.625em;
		height: 0.125em;
		margin: 0.875em 0;
	}
	.sec2 .box{
		margin-bottom: 0.9375em;
	}
	.sec2 .swiper-slide h5{
		font-size: 0.6875em;
		margin-bottom: 0.6364em;
	}
	.sec2 .swiper-slide p{
		font-size: 0.5625em;
		line-height: 1.222;
		margin-bottom: 0.666em;
	}
	.sec2 .swiper-button-prev,.sec2 .swiper-button-next{
		display: none;
	}


	.sec3{
		padding: 3.4375em 0 1.625em;
	}
	.sec3 .title{
		margin-bottom: 3.1875em;
	}
	.sec3 .title h3{
		font-size: 1.3125em;
	}
	.sec3 .title p{
		font-size: 0.5em;
	}
	.sec3 li{
		margin-bottom: 2.6875em;
		width: 100%;
	}
	.sec3 li h5{
		font-size: 0.78125em;
	}
	.sec3 li p{
		font-size: 0.4375em;
	}

}